<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../css/lib.css">
<script src="../js/lib-all.js"></script>
<style>
body{TEXT-ALIGN: center;}
.c{ MARGIN-RIGHT: auto;MARGIN-LEFT: auto;}
</style>
</head>
<body>
<div class="c">
<input type="submit" value="成功" /><br>
<input type="submit" value="失败" /><br>
<input type="submit" value="警告" /><br>
</div>
</body>

<script>
$(document).ready(function($){
  var btns = $(':submit');
  btns.eq(0).click(function(){
     $.successTip('成功');
  });
  btns.eq(1).click(function(){
     $.errorTip('失败');
  });
  btns.eq(2).click(function(){
     $.alertTip('警告');
  });
});
</script>
</html>


